<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="utf-8" />
        <title>markdown 文件预览(Debug)</title> 
        <meta content="always" name="referrer">
        <meta name="keywords" content="Markdown文件查看,红微科技,RSD框架,Redjs框架 ">
        <link rel="icon" href="http://localhost/redjs/resources/svg/rsd_red.svg"> 
        <link rel="shortcut icon" href="http://localhost/redjs/resources/svg/rsd_red.svg" type="image/x-icon" />
        <link rel="stylesheet" href="http://localhost/redjs/plugin/editormd/css/editormd.preview.css" />
        <style>
            root {
                padding: 0;
                margin: 0;
                box-sizing: border-box;
            }
            html {
                position: relative;
                height: 100%;
                overflow: auto; -webkit-overflow-scrolling: touch;
            }

            body 
            {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                display: flex;
                flex-direction: column;
                overflow: hidden scroll ;
                -webkit-overflow-scrolling: touch;
                overscroll-behavior: none;
            }

 
            #layout > header, .btns {
                width: auto;
                height: 100%;
                -webkit-overflow-scrolling: touch;
            }
            
            #sidebar {
                position: fixed;
                width: 40px; 
                font-size: 120%;
                top: 0;
                bottom: 0;
                right: 0;
                overflow: hidden;
                background: #fff;
                z-index: 100;
                padding: 10px; 
                border: 1px solid #ddd;
                
            }
            
            #sidebar:hover  {
                z-index: 100;
                overflow: auto;
                width: 400px !important; 
                font-size: 120%;
                bottom: 0;
                top: 0;
                right: 0;
            }
            #sidebar:click
            {
                z-index: 100;
                overflow: auto;
                width: 400px !important; 
                font-size: 120%;
                top: 0;
                bottom: 0;
                right: 0;
            }
            #sidebar h1 {
                font-size: 16px;
            }
            
            #custom-toc-container {
                
                padding-left: 0;
            }
            
            #editormd-view{
                position: revert; 
                z-index: 90; 
                top: 0;
                right: 90px; 
                margin: 0;
                font-size: 120%;
                -webkit-overflow-scrolling: touch;
            }
           
            .editormd-preview-container, .editormd-html-preview 
            {    
                width: auto;
            }
        </style>
    </head>
    <body>
    
        <div id="layout"> 
            <div id="sidebar">
                <h1>目 录</h1>
                <div id="custom-toc-container" class="markdown-body editormd-preview-container" >索引列表</div>
            </div>
            <div id="editormd-view" style=" padding-right:80px;">
               <textarea style="display:none;" name="editormd-markdown-doc"></textarea>               
            </div>
             
        </div>
        <!-- <script src="js/zepto.min.js"></script>
		<script>		
			var jQuery = Zepto;  // 为了避免修改flowChart.js和sequence-diagram.js的源码，所以使用Zepto.js时想支持flowChart/sequenceDiagram就得加上这一句
		</script> -->
        <script src="http://localhost/redjs/plugin/editormd/app/js/jquery.min.js"></script>
       
        <script src="http://localhost/redjs/plugin/editormd/lib/marked.min.js"></script>
        <script src="http://localhost/redjs/plugin/editormd/lib/prettify.min.js"></script>
        
        <script src="http://localhost/redjs/plugin/editormd/lib/raphael.min.js"></script>
        <script src="http://localhost/redjs/plugin/editormd/lib/underscore.min.js"></script>
        <script src="http://localhost/redjs/plugin/editormd/lib/sequence-diagram.min.js"></script>
        <script src="http://localhost/redjs/plugin/editormd/lib/flowchart.min.js"></script>
        <script src="http://localhost/redjs/plugin/editormd/lib/jquery.flowchart.min.js"></script>
        
        <script src="http://localhost/redjs/plugin/editormd/src/editormd.js"></script>
        <script src="http://localhost/redjs/plugin/editormd/app/js/viewer.js">  </script>
    </body>
</html>